<extend name="Base/ucmobile_base" />
<block name="body">
    <header data-am-widget="header" class="am-header am-header-default">
        <div class="am-header-left am-header-nav">
            <a href="#" class="">
                <i class="am-header-icon am-icon-home"></i>
            </a>
            <a href="#phone-link" class="">
                <i class="am-header-icon am-icon-phone"></i>
            </a>
        </div>
        <h1 class="am-header-title">个人中心</h1>
        <div class="am-header-right am-header-nav">
            <!-- <a href="{:addons_url ( 'UserCenter://UserCenter/userCenter' )}" class="">
              <i class="am-header-icon am-icon-user"></i>
            </a>
            -->
            <a href="#cart-link" class="">
                <i class="am-header-icon am-icon-shopping-cart"></i>
            </a>
            <a href="#" class=""><!--Menu icon placeholder-->
                <i class="am-header-icon "></i>
            </a>
        </div>
    </header>


    <!-- Menu -->
    <nav data-am-widget="menu" class="am-menu  am-menu-offcanvas1" data-am-menu-offcanvas>
        <a href="javascript: void(0)" class="am-menu-toggle">
            <i class="am-menu-toggle-icon am-icon-bars"></i>
        </a>
        <div class="am-offcanvas">
            <div class="am-offcanvas-bar">
                <ul class="am-menu-nav sm-block-grid-1">
                    <li class="am-parent">
                        <a href="##">公司</a>
                        <ul class="am-menu-sub am-collapse  sm-block-grid-2 ">
                            <li class="">
                                <a href="##">公司</a>
                            </li>
                            <li class="">
                                <a href="##">人物</a>
                            </li>
                            <li class="">
                                <a href="##">趋势</a>
                            </li>
                            <li class="">
                                <a href="##">投融资</a>
                            </li>
                            <li class="">
                                <a href="##">创业公司</a>
                            </li>
                            <li class="">
                                <a href="##">创业人物</a>
                            </li>
                            <li class="am-menu-nav-channel">
                                <a href="##" title="公司">进入栏目 &raquo;</a>
                            </li>
                        </ul>
                    </li>
                    <li class="am-parent">
                        <a href="##">人物</a>
                        <ul class="am-menu-sub am-collapse  sm-block-grid-3 ">
                            <li class="">
                                <a href="##">公司</a>
                            </li>
                            <li class="">
                                <a href="##">人物</a>
                            </li>
                            <li class="">
                                <a href="##">趋势</a>
                            </li>
                            <li class="">
                                <a href="##">投融资</a>
                            </li>
                            <li class="">
                                <a href="##">创业公司</a>
                            </li>
                            <li class="">
                                <a href="##">创业人物</a>
                            </li>
                        </ul>
                    </li>
                    <li class="am-parent">
                        <a href="#c3">趋势</a>
                        <ul class="am-menu-sub am-collapse am-avg-sm-4">
                            <li class="">
                                <a href="##">公司</a>
                            </li>
                            <li class="">
                                <a href="##">人物</a>
                            </li>
                            <li class="">
                                <a href="##">趋势</a>
                            </li>
                            <li class="">
                                <a href="##">投融资</a>
                            </li>
                            <li class="">
                                <a href="##">创业公司</a>
                            </li>
                            <li class="">
                                <a href="##">创业人物</a>
                            </li>
                            <li class="am-menu-nav-channel">
                                <a href="#c3" title="趋势">趋势 &raquo;</a>
                            </li>
                        </ul>
                    </li>
                    <li class="am-parent">
                        <a href="##">投融资</a>
                        <ul class="am-menu-sub am-collapse am-avg-sm-3">
                            <li class="">
                                <a href="##">公司</a>
                            </li>
                            <li class="">
                                <a href="##">人物</a>
                            </li>
                            <li class="">
                                <a href="##">趋势</a>
                            </li>
                            <li class="">
                                <a href="##">投融资</a>
                            </li>
                            <li class="">
                                <a href="##">创业公司</a>
                            </li>
                            <li class="">
                                <a href="##">创业人物</a>
                            </li>
                        </ul>
                    </li>
                    <li class="">
                        <a href="##">创业公司</a>
                    </li>
                    <li class="">
                        <a href="##">创业人物</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="am-g">

        <div class="am-panel am-panel-default">
            <div class="am-panel-bd">
                <div class="am-g">
                    <div class="am-u-sm-4">
                        <notempty name="user.headimgurl">
                            <img class="am-img-circle am-img-thumbnail" src="{$user.headimgurl}" alt="用户头像"/>
                            <else />
                            <img class="am-img-circle am-img-thumbnail" src="{:ADDON_PUBLIC_PATH}/images/head.jpg" alt="用户头像"/>
                        </notempty>
                        <br>
                        <div class="am-btn-group-stacked">
                            <eq name="user.login" value="1">
                                <a href="{:addons_url ( 'Ucuser://Ucuser/logout',array('mp_id'=>$mp_id) )}" class="am-btn am-btn-primary" >退出</a>
                                <else/>
                                <a href="{:addons_url ( 'Ucuser://Ucuser/login',array('mp_id'=>$mp_id) )}" class="am-btn am-btn-primary" >登录/注册</a>
                            </eq>
                            <a class="am-btn am-btn-primary">充值</a>
                        </div>
                    </div>
                    <div class="am-u-sm-8">
                        <div class="user-info">
                            <p class="user-info-order">

                                昵称：<strong>{$user.nickname}</strong><br>
                                积分：<strong>{$user.score1}</strong> <br>
                                余额：<strong>0</strong><br>
                                等级：<strong>Lv1 新手</strong><br>
                            </p>
                        </div>
                        <div class="user-info">
                            <p>信用信息</p>
                            <div class="am-progress am-progress-sm">
                                <div class="am-progress-bar am-progress-bar-success" style="width: 80%"></div>
                            </div>
                            <p class="user-info-order">
                                信用等级：正常<br>
                                信用积分：<strong>80</strong></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <ul class="am-nav am-nav-tabs">
            <li><a href="{:addons_url ( 'Ucuser://Ucuser/index',array('mp_id'=>$mp_id) )}">应用</a></li>
            <li><a href="#">消息</a></li>
            <li class="am-active"><a href="{:addons_url ( 'Ucuser://Ucuser/profile',array('mp_id'=>$mp_id) )}">资料</a></li>
            <li><a href="#">群组</a></li>
            <li><a href="#">关注</a></li>
        </ul>

        <section class="am-panel am-panel-default">
            <div class="am-panel-hd">会员资料</div>
			<form action="{:addons_url ( 'Ucuser://Ucuser/profile',array('mp_id'=>$mp_id) )}" method="post" class="am-form am-form-horizontal">
                <div class="am-form-group">
                    <label for="nickname" class="am-u-sm-3 am-form-label">姓名</label>
                    <div class="am-u-sm-9">
                        <input type="text" id="nickname" placeholder="姓名 / Name" name="nickname" value="{$user.nickname}">
                        <small>输入你的名字，让我们记住你。</small>
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="mobile" class="am-u-sm-3 am-form-label">手机</label>
                    <div class="am-u-sm-9">
                        <input type="text" id="mobile" placeholder="输入你的手机号码 / Mobile" name="mobile" value="{$user.mobile}">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="email" class="am-u-sm-3 am-form-label">电子邮件</label>
                    <div class="am-u-sm-9">
                        <input type="email" id="email" placeholder="输入你的电子邮件 / Email" name="email" value="{$user.email}">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="sex" class="am-u-sm-3 am-form-label">性别</label>
                    <div class="am-u-sm-9">
                    <select name="sex" id="sex">
                        <option value="0" <if condition="$user['sex']==0">selected</if>>保密</option>
                        <option value="1" <if condition="$user['sex']==1">selected</if>>男</option>
                        <option value="2" <if condition="$user['sex']==2">selected</if>>女</option>
                    </select>
					</div>
                </div>

                <div class="am-form-group">
                    <label for="qq" class="am-u-sm-3 am-form-label">QQ</label>
                    <div class="am-u-sm-9">
                        <input type="text" id="qq" placeholder="输入你的QQ号码" name="qq" value="{$user.qq}">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="weibo" class="am-u-sm-3 am-form-label">微博</label>
                    <div class="am-u-sm-9">
                        <input type="text" id="weibo" placeholder="输入你的微博 / Twitter" name="weibo" value="{$user.weibo}">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="user-intro" class="am-u-sm-3 am-form-label">简介</label>
                    <div class="am-u-sm-9">
                        <textarea class="" rows="5" id="user-intro" placeholder="输入个人简介"  name="signature" value="{$user.signature}"></textarea>
                        <small>250字以内的个性签名</small>
                    </div>
                </div>

                <div class="am-form-group">
                    <div class="am-u-sm-9 am-u-sm-push-3">
                        <input type="submit" value="保存修改" class="am-btn am-btn-primary am-btn-sm am-fl">
                    </div>
                </div>
            </form>
        </section>

    </div>


    <!-- Navbar -->
    <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default "
         id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-4">
            <li data-am-navbar-share>
                <a href="#">
                    <span class="am-icon-share-square-o"></span>
                    <span class="am-navbar-label">分享</span>
                </a>
            </li>
            <li data-am-navbar-qrcode>
                <a href="#">
                    <span class="am-icon-qrcode"></span>
                    <span class="am-navbar-label">二维码</span>
                </a>
            </li>
            <li>
                <a href="http://git.oschina.net/uctoo/uctoo">
                    <span class="am-icon-github"></span>
                    <span class="am-navbar-label">GitHub</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="am-icon-download"></span>
                    <span class="am-navbar-label">下载使用</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="am-icon-location-arrow"></span>
                    <span class="am-navbar-label">Bug 反馈</span>
                </a>
            </li>
        </ul>
    </div>
</block><!--body end -->
<block name="script">
    <script type="text/javascript">

    </script>
</block>
